<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="jquery.mobile-1.4.5.min.css">
<script src="jquery.min.js"></script>
<script src="jquery.mobile-1.4.5.min.js"></script>
</head>
<body>

<div data-role="page">
  <div data-role="header" data-position="fixed">
  <h1>杭州工艺美术博物馆</h1>
  <div data-role="centent" class="ui-btn-right">
  <a href="#link" data-role="button" data-icon="search" data-iconpos="notext">搜索</a>
  <a href="#link" data-role="button" data-icon="info" data-iconpos="notext">信息</a>
  </div>
  </div>
  
  <div data-role="content">
	  <div class="ui-grid-a">
		<div class="ui-block-b" style="width:75%;">
		<ul data-role="listview" data-inset="true" style="margin-top:5px;">
		  <li data-role="list-divider">博物馆综述 
		  <div data-role="centent" class="ui-btn-right">
		  <a href="#link" data-role="button" data-icon="delete" data-iconpos="notext">删除</a>
		  </div>
		  </li>   
		  <li>   
			<p>&nbsp;&nbsp;&nbsp;&nbsp;杭州工艺美术博物馆、中国刀剪剑博物馆</p>
			<p>、中国扇博物馆、中国伞博物馆、手工艺活态</p>
			<p>展示馆坐落于拱宸桥桥西历史文化街区，以拱</p>
			<p>宸桥为地标，形成了充满浓郁历史文化的博物</p>
			<p>馆群落，成为了杭州城北新人文景观。穿行于</p>
			<p>博物馆间，是一次枕着运河记忆流淌的、带着</p>
			<p>怀旧情怀的寻知之旅。</p>
			<p>&nbsp;&nbsp;&nbsp;&nbsp;桥西街区其历史渊源可追溯到南宋时期，</p>
			<p>现存的街区风貌是晚清至民国时期的，其建筑</p>
			<p>基础年代可以上溯到明代以前，白墙黑瓦，狭</p>
			<p>长的弄巷，运河边的桥坝头，是杭州老城区真</p>
			<p>正反映杭州运河历史风貌的唯一一处。这里曾</p>
			<p>经是城市中下层劳动人民聚居的城郊区域，所</p>
			<p>沉积的民风民俗和遗存建筑见证着运河曾给杭</p>
			<p>州带来的繁荣。但随着陆路交通的快速发展和</p>
			<p>工业转型，这里昔日的光辉渐渐淡去，差不多</p>
			<p>成了被社会遗忘的角落。</p>
		  </li>
		</ul>
		</div>
		<div class="ui-block-b" style="width:1%;"></div>
	    <div class="ui-block-c" style="width:24%;">
		  <div class="ui-grid-solo">
			<div class="ui-block-a"><a href="#" data-role="button" data-mini=true>综述</a></div>
			<div class="ui-block-a"><a href="#" data-role="button" data-mini=true>致辞</a></div>
			<div class="ui-block-a"><a href="#" data-role="button" data-mini=true>机构</a></div>
			<div class="ui-block-a"><a href="#" data-role="button" data-mini=true>指南</a></div>
			<div class="ui-block-a"><a href="#" data-role="button" data-mini=true >预约</a></div>
			<div class="ui-block-a"><a href="#" data-role="button" data-mini=true>征集</a></div>
			<div class="ui-block-a"><a href="#" data-role="button" data-mini=true>周边</a></div>
		  </div>
	   </div>
	
	</div>

  </div>

  <div data-role="footer" data-position="fixed">
	<div data-role="navbar" data-grid="d">
		<ul>
			<li><a href="#" class="ui-btn-active" data-inline="true">主页</a></li>
			<li><a href="#" data-inline="true"s>馆藏</a></li>
			<li><a href="#" data-inline="true">展览</a></li>
			<li data-inline="true"><a href="#" data-mini=true>展馆地图</a></li>
			<li><a href="#" data-inline="true">更多</a></li>
		</ul>
	</div>
  </div>
</div> 

</body>
</html>
